<template>
    <div>
        <div class="Coreading">
            <div class="item">
                <div class="imgbox">
                    <img src="../assets/img/book5.png" alt="">
                </div>
                <div class="textbox">
                    <div class="titlebox">
                        <span>
                            共读
                        </span>

                        如何不喜欢一个人
                    </div>

                    <div class="centerbox">
                        <p>谈恋爱的时候，你会时常难过吗？</p>
                        <p>你会经常担心分手吗?...</p>
                    </div>

                    <div class="footimgbox">
                        <div class="txtbox">
                            <svg t="1667834119358" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2311" width="200" height="200">
                                <path
                                    d="M465.6 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM560 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM828.8 499.2c-6.4-6.4-16-11.2-27.2-9.6 0 0-67.2 8-140.8 9.6-46.4 3.2-92.8 0-137.6-9.6-6.4-1.6-12.8-1.6-19.2 1.6-17.6 6.4-52.8 14.4-124.8 11.2-48-1.6-94.4-6.4-142.4-12.8-17.6-3.2-33.6 9.6-36.8 27.2v9.6l35.2 270.4c1.6 16 16 28.8 32 28.8h201.6c28.8 22.4 68.8 22.4 97.6 0h203.2c16 0 30.4-11.2 32-28.8l35.2-270.4c3.2-9.6 0-19.2-8-27.2z m-84.8 262.4H548.8c-1.6 0-1.6 0-3.2 1.6l-3.2 1.6-3.2 1.6-3.2 1.6-3.2 3.2h-1.6c-3.2 3.2-8 4.8-12.8 4.8-4.8 0-9.6-1.6-12.8-4.8l-1.6-3.2-1.6-1.6-3.2-1.6H496l-3.2-1.6-3.2-1.6H296L270.4 560c28.8 3.2 67.2 6.4 108.8 8 46.4 3.2 94.4-1.6 139.2-12.8 48 8 97.6 11.2 145.6 9.6 40-1.6 78.4-3.2 105.6-6.4l-25.6 203.2z"
                                    p-id="2312" fill="#d5a87d"></path>
                                <path
                                    d="M380.8 456h27.2c-1.6-3.2-3.2-4.8-4.8-6.4-56-64-49.6-161.6 14.4-217.6s161.6-49.6 217.6 14.4c49.6 57.6 51.2 142.4 1.6 200-1.6 1.6-3.2 4.8-4.8 6.4h27.2c17.6 0 33.6-1.6 49.6-1.6 56-105.6 16-238.4-89.6-294.4s-238.4-16-294.4 89.6c-35.2 65.6-33.6 142.4 1.6 208 19.2 0 35.2 1.6 54.4 1.6z"
                                    p-id="2313" fill="#d5a87d"></path>
                            </svg>

                           <p> 一个共读挑战</p>
                        </div>
                        <div class="txtbox">
                            <svg t="1667834119358" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2311" width="200" height="200">
                                <path
                                    d="M465.6 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM560 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM828.8 499.2c-6.4-6.4-16-11.2-27.2-9.6 0 0-67.2 8-140.8 9.6-46.4 3.2-92.8 0-137.6-9.6-6.4-1.6-12.8-1.6-19.2 1.6-17.6 6.4-52.8 14.4-124.8 11.2-48-1.6-94.4-6.4-142.4-12.8-17.6-3.2-33.6 9.6-36.8 27.2v9.6l35.2 270.4c1.6 16 16 28.8 32 28.8h201.6c28.8 22.4 68.8 22.4 97.6 0h203.2c16 0 30.4-11.2 32-28.8l35.2-270.4c3.2-9.6 0-19.2-8-27.2z m-84.8 262.4H548.8c-1.6 0-1.6 0-3.2 1.6l-3.2 1.6-3.2 1.6-3.2 1.6-3.2 3.2h-1.6c-3.2 3.2-8 4.8-12.8 4.8-4.8 0-9.6-1.6-12.8-4.8l-1.6-3.2-1.6-1.6-3.2-1.6H496l-3.2-1.6-3.2-1.6H296L270.4 560c28.8 3.2 67.2 6.4 108.8 8 46.4 3.2 94.4-1.6 139.2-12.8 48 8 97.6 11.2 145.6 9.6 40-1.6 78.4-3.2 105.6-6.4l-25.6 203.2z"
                                    p-id="2312" fill="#d5a87d"></path>
                                <path
                                    d="M380.8 456h27.2c-1.6-3.2-3.2-4.8-4.8-6.4-56-64-49.6-161.6 14.4-217.6s161.6-49.6 217.6 14.4c49.6 57.6 51.2 142.4 1.6 200-1.6 1.6-3.2 4.8-4.8 6.4h27.2c17.6 0 33.6-1.6 49.6-1.6 56-105.6 16-238.4-89.6-294.4s-238.4-16-294.4 89.6c-35.2 65.6-33.6 142.4 1.6 208 19.2 0 35.2 1.6 54.4 1.6z"
                                    p-id="2313" fill="#d5a87d"></path>
                            </svg>

                           <p> 15人参与</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="imgbox">
                    <img src="../assets/img/book5.png" alt="">
                </div>
                <div class="textbox">
                    <div class="titlebox">
                        <span>
                            共读
                        </span>

                        如何不喜欢一个人
                    </div>

                    <div class="centerbox">
                        <p>谈恋爱的时候，你会时常难过吗？</p>
                        <p>你会经常担心分手吗?...</p>
                    </div>

                    <div class="footimgbox">
                        <div class="txtbox">
                            <svg t="1667834119358" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2311" width="200" height="200">
                                <path
                                    d="M465.6 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM560 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM828.8 499.2c-6.4-6.4-16-11.2-27.2-9.6 0 0-67.2 8-140.8 9.6-46.4 3.2-92.8 0-137.6-9.6-6.4-1.6-12.8-1.6-19.2 1.6-17.6 6.4-52.8 14.4-124.8 11.2-48-1.6-94.4-6.4-142.4-12.8-17.6-3.2-33.6 9.6-36.8 27.2v9.6l35.2 270.4c1.6 16 16 28.8 32 28.8h201.6c28.8 22.4 68.8 22.4 97.6 0h203.2c16 0 30.4-11.2 32-28.8l35.2-270.4c3.2-9.6 0-19.2-8-27.2z m-84.8 262.4H548.8c-1.6 0-1.6 0-3.2 1.6l-3.2 1.6-3.2 1.6-3.2 1.6-3.2 3.2h-1.6c-3.2 3.2-8 4.8-12.8 4.8-4.8 0-9.6-1.6-12.8-4.8l-1.6-3.2-1.6-1.6-3.2-1.6H496l-3.2-1.6-3.2-1.6H296L270.4 560c28.8 3.2 67.2 6.4 108.8 8 46.4 3.2 94.4-1.6 139.2-12.8 48 8 97.6 11.2 145.6 9.6 40-1.6 78.4-3.2 105.6-6.4l-25.6 203.2z"
                                    p-id="2312" fill="#d5a87d"></path>
                                <path
                                    d="M380.8 456h27.2c-1.6-3.2-3.2-4.8-4.8-6.4-56-64-49.6-161.6 14.4-217.6s161.6-49.6 217.6 14.4c49.6 57.6 51.2 142.4 1.6 200-1.6 1.6-3.2 4.8-4.8 6.4h27.2c17.6 0 33.6-1.6 49.6-1.6 56-105.6 16-238.4-89.6-294.4s-238.4-16-294.4 89.6c-35.2 65.6-33.6 142.4 1.6 208 19.2 0 35.2 1.6 54.4 1.6z"
                                    p-id="2313" fill="#d5a87d"></path>
                            </svg>

                           <p> 一个共读挑战</p>
                        </div>
                        <div class="txtbox">
                            <svg t="1667834119358" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2311" width="200" height="200">
                                <path
                                    d="M465.6 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM560 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM828.8 499.2c-6.4-6.4-16-11.2-27.2-9.6 0 0-67.2 8-140.8 9.6-46.4 3.2-92.8 0-137.6-9.6-6.4-1.6-12.8-1.6-19.2 1.6-17.6 6.4-52.8 14.4-124.8 11.2-48-1.6-94.4-6.4-142.4-12.8-17.6-3.2-33.6 9.6-36.8 27.2v9.6l35.2 270.4c1.6 16 16 28.8 32 28.8h201.6c28.8 22.4 68.8 22.4 97.6 0h203.2c16 0 30.4-11.2 32-28.8l35.2-270.4c3.2-9.6 0-19.2-8-27.2z m-84.8 262.4H548.8c-1.6 0-1.6 0-3.2 1.6l-3.2 1.6-3.2 1.6-3.2 1.6-3.2 3.2h-1.6c-3.2 3.2-8 4.8-12.8 4.8-4.8 0-9.6-1.6-12.8-4.8l-1.6-3.2-1.6-1.6-3.2-1.6H496l-3.2-1.6-3.2-1.6H296L270.4 560c28.8 3.2 67.2 6.4 108.8 8 46.4 3.2 94.4-1.6 139.2-12.8 48 8 97.6 11.2 145.6 9.6 40-1.6 78.4-3.2 105.6-6.4l-25.6 203.2z"
                                    p-id="2312" fill="#d5a87d"></path>
                                <path
                                    d="M380.8 456h27.2c-1.6-3.2-3.2-4.8-4.8-6.4-56-64-49.6-161.6 14.4-217.6s161.6-49.6 217.6 14.4c49.6 57.6 51.2 142.4 1.6 200-1.6 1.6-3.2 4.8-4.8 6.4h27.2c17.6 0 33.6-1.6 49.6-1.6 56-105.6 16-238.4-89.6-294.4s-238.4-16-294.4 89.6c-35.2 65.6-33.6 142.4 1.6 208 19.2 0 35.2 1.6 54.4 1.6z"
                                    p-id="2313" fill="#d5a87d"></path>
                            </svg>

                           <p> 15人参与</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="imgbox">
                    <img src="../assets/img/book5.png" alt="">
                </div>
                <div class="textbox">
                    <div class="titlebox">
                        <span>
                            共读
                        </span>

                        如何不喜欢一个人
                    </div>

                    <div class="centerbox">
                        <p>谈恋爱的时候，你会时常难过吗？</p>
                        <p>你会经常担心分手吗?...</p>
                    </div>

                    <div class="footimgbox">
                        <div class="txtbox">
                            <svg t="1667834119358" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2311" width="200" height="200">
                                <path
                                    d="M465.6 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM560 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM828.8 499.2c-6.4-6.4-16-11.2-27.2-9.6 0 0-67.2 8-140.8 9.6-46.4 3.2-92.8 0-137.6-9.6-6.4-1.6-12.8-1.6-19.2 1.6-17.6 6.4-52.8 14.4-124.8 11.2-48-1.6-94.4-6.4-142.4-12.8-17.6-3.2-33.6 9.6-36.8 27.2v9.6l35.2 270.4c1.6 16 16 28.8 32 28.8h201.6c28.8 22.4 68.8 22.4 97.6 0h203.2c16 0 30.4-11.2 32-28.8l35.2-270.4c3.2-9.6 0-19.2-8-27.2z m-84.8 262.4H548.8c-1.6 0-1.6 0-3.2 1.6l-3.2 1.6-3.2 1.6-3.2 1.6-3.2 3.2h-1.6c-3.2 3.2-8 4.8-12.8 4.8-4.8 0-9.6-1.6-12.8-4.8l-1.6-3.2-1.6-1.6-3.2-1.6H496l-3.2-1.6-3.2-1.6H296L270.4 560c28.8 3.2 67.2 6.4 108.8 8 46.4 3.2 94.4-1.6 139.2-12.8 48 8 97.6 11.2 145.6 9.6 40-1.6 78.4-3.2 105.6-6.4l-25.6 203.2z"
                                    p-id="2312" fill="#d5a87d"></path>
                                <path
                                    d="M380.8 456h27.2c-1.6-3.2-3.2-4.8-4.8-6.4-56-64-49.6-161.6 14.4-217.6s161.6-49.6 217.6 14.4c49.6 57.6 51.2 142.4 1.6 200-1.6 1.6-3.2 4.8-4.8 6.4h27.2c17.6 0 33.6-1.6 49.6-1.6 56-105.6 16-238.4-89.6-294.4s-238.4-16-294.4 89.6c-35.2 65.6-33.6 142.4 1.6 208 19.2 0 35.2 1.6 54.4 1.6z"
                                    p-id="2313" fill="#d5a87d"></path>
                            </svg>

                           <p> 一个共读挑战</p>
                        </div>
                        <div class="txtbox">
                            <svg t="1667834119358" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2311" width="200" height="200">
                                <path
                                    d="M465.6 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM560 400c-9.6 0-16-6.4-16-16v-32c0-9.6 6.4-16 16-16s16 6.4 16 16v32c0 9.6-6.4 16-16 16zM828.8 499.2c-6.4-6.4-16-11.2-27.2-9.6 0 0-67.2 8-140.8 9.6-46.4 3.2-92.8 0-137.6-9.6-6.4-1.6-12.8-1.6-19.2 1.6-17.6 6.4-52.8 14.4-124.8 11.2-48-1.6-94.4-6.4-142.4-12.8-17.6-3.2-33.6 9.6-36.8 27.2v9.6l35.2 270.4c1.6 16 16 28.8 32 28.8h201.6c28.8 22.4 68.8 22.4 97.6 0h203.2c16 0 30.4-11.2 32-28.8l35.2-270.4c3.2-9.6 0-19.2-8-27.2z m-84.8 262.4H548.8c-1.6 0-1.6 0-3.2 1.6l-3.2 1.6-3.2 1.6-3.2 1.6-3.2 3.2h-1.6c-3.2 3.2-8 4.8-12.8 4.8-4.8 0-9.6-1.6-12.8-4.8l-1.6-3.2-1.6-1.6-3.2-1.6H496l-3.2-1.6-3.2-1.6H296L270.4 560c28.8 3.2 67.2 6.4 108.8 8 46.4 3.2 94.4-1.6 139.2-12.8 48 8 97.6 11.2 145.6 9.6 40-1.6 78.4-3.2 105.6-6.4l-25.6 203.2z"
                                    p-id="2312" fill="#d5a87d"></path>
                                <path
                                    d="M380.8 456h27.2c-1.6-3.2-3.2-4.8-4.8-6.4-56-64-49.6-161.6 14.4-217.6s161.6-49.6 217.6 14.4c49.6 57.6 51.2 142.4 1.6 200-1.6 1.6-3.2 4.8-4.8 6.4h27.2c17.6 0 33.6-1.6 49.6-1.6 56-105.6 16-238.4-89.6-294.4s-238.4-16-294.4 89.6c-35.2 65.6-33.6 142.4 1.6 208 19.2 0 35.2 1.6 54.4 1.6z"
                                    p-id="2313" fill="#d5a87d"></path>
                            </svg>

                           <p> 15人参与</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.Coreading {
    padding: 14px 16px;
    margin-top: 114px;

    .item {
        padding-left: 12px;
        background-color: #ffffff;
        padding-top: 14px;
        display: flex;
        padding-bottom: 12px;
        box-shadow:5px 6px 10px #ececec;
        margin-bottom: 20px;
        .imgbox {
            img {
                width: auto;
                height: 96px;
            }

            margin-right: 12px;
        }

        .textbox {
            display: flex;
            flex-direction: column;
            flex: 1;
            .titlebox{
                span{
                    font-size: 12px;
                    border: 1px solid #ee8f6b;
                    margin-right: 2px;
                    color: #ee8f6b;
                }
                color:#0a1830;
                font-size: 15px;
                margin-bottom: 8px;
                font-weight: bold;
            }

            .centerbox{
                background-color: #f7f8fa;
                padding: 8px;
                color: #b3bccb;
                font-size: 12px;
                margin-bottom: 10px;
                width: 88%;
            }

            .footimgbox{
                display: flex;
                .txtbox{
                    display: flex;
                    align-items: center;
                    .icon{
                        width: auto;
                        height: 14px;
                    }

                    color: #ddb998;
                font-size: 12px;
                margin-right: 12px;
                }
            }



        }


    }
}
</style>